<?php include_once 'includes/helpers.inc.php'; ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Student Care Center - ETAK</title>
<link href="css/core.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/SecurityImage.js"></script>
</head>

<body>
<!-- root wrapper -->
<div id="container">

	<!-- Site header -->
	<div id="header">
		<div id="banner">
			<p class="siteTitle">Student care center</p>
		</div><!-- close logo -->
	</div><!-- close header -->
	
	<!-- Navigation bar -->
	<div id="navbar">
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">Forum</a></li>
			<li><a href="#">Link #3</a></li>
			<li><a href="#">Link #4</a></li>
		</ul>
	</div><!-- close navbar -->
	
	<!-- Content of website -->
	<div id="content">
		<div id="loginBox" class="box">
			<div class="box-header">Login</div>
			<div class="box-content minheight">
					<form id="loginForm" class="loginForm <?php if (isset($logUsrNameError) || isset($logPwdError) || isset($logSecurError) ) echo 'goterror'; ?>" action="" method="post">
					    
						<?php if (isset($logUsrNameError)): ?>
						<p class="error"><?php echo htmlout($logUsrNameError); ?></p>
						<?php endif; ?>	
						<p>			
						<label class="label" for="username">Username</label>
						<input type="text" id="username" name="username" value=""  /></p>
						
						<p>
						<?php if (isset($logPwdError)): ?>
						<p class="error"><?php echo htmlout($logPwdError); ?></p>
						<?php endif; ?>
						<label class="label" for="password">Password</label>
						<input type="password" id="password"  name="password" value="" /></p>
						
						<p>
						<?php if (isset($logSecurError)): ?>
						<p class="error"><?php echo htmlout($logSecurError); ?></p>
						<?php endif; ?>
						<label class="label">Sercurity code</label>
						<input type="text" id="captcha" name="captcha" value=""></p>
						<div class="captcha">
						<iframe name="security-code" id="security-code" src="securityimage.php" frameborder="0" scrolling="no" marginheight="0" width="100" height="30">			</iframe>
						<!--<img src="images/captcha-fake.png" id="captcha-img" alt="Captcha Image" />
						<input type="button" name='refresh' value="refresh" onclick="javascript:refreshCaptcha();" />
						-->
						<a onclick="javascript:refreshCaptcha();">Refresh</a>
						</div>	
						<p>
						<input type="hidden" name="action" value="login"/>
						<input type="submit" id="submit" value="Login"/></p>
					</form>
			</div><!-- close box content -->
		</div><!-- close box login -->		
	</div><!-- close content -->
	
	<!-- Site footer -->
	<div id="footer">
		<p class="copyright" >Designed by ETAK&reg; Team - Copyright reserved.<br /><br /><span class="pagecount">Statistics
          <?php	  	
	  		include"counter.html.php";
	  		 $result= number_format($_SESSION['count'],0,",",".");
			 unset($_SESSION['count']);
			echo $result;
			?></span>
		</p>
	</div><!-- close footer -->
</div><!-- close container -->
</body>
</html>
